<script setup>
    import { ref } from 'vue';
    import { Toast } from 'vant';

    const onClickLeft = () => history.back();

    const show = ref(true);
    const onInput = (value) => Toast(value);
    const onDelete = () => Toast('删除');

    
</script>
<template>
    <div>
        <!-- <h3>SalesReturn</h3> -->
        <van-nav-bar
        class="headnav"
        title="退货"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
        />

        <div>
            <van-row>
                <van-col span="20">总额￥</van-col>
                <van-col span="4">1300</van-col>
            </van-row>
            <van-row>
                <van-col span="20">收款￥</van-col>
                <van-col span="4">1300</van-col>
            </van-row>
            <van-row>
                <van-col span="20">找零￥</van-col>
                <van-col span="4">1300</van-col>
            </van-row>
           

        </div>

        <van-cell plain type="primary" @touchstart.stop="show = true">
        </van-cell>
        <van-number-keyboard
       
        :show="show"
        theme="custom"
        :extra-key="['00', '.']"
        close-button-text="退货"
        
        @input="onInput"
        @delete="onDelete"
        />
    </div>
</template>

<style scoped>
    .headnav {
        background-color: deepskyblue;
    }
    
    
</style>